// 修改element-ui样式
.el-input--suffix .el-input__inner
    padding-right 0.3rem
.el-input__inner
    padding 0 0.15rem
// element的table背景色和字体颜色
.el-table .el-table__header th
    background-color #1e3385
.el-table, .el-table tr, .el-table th
    background #202C5F
    color #fff
.el-table tbody tr:hover>td
    background-color transparent !important
.el-pagination
    margin-top 0.1rem
.el-pagination .el-pagination__total, .el-pagination .el-pagination__jump
    color #fff
// 修改tree树样式
.el-tree
    background-color transparent
    font-size 0.14rem
    color #fff
    &>div
        margin-top 0.15rem
    .el-tree-node__content
        margin-top 0.05rem
        height 0.26rem
    .el-tree-node__label
        font-size 0.14rem
    &>div>div>.el-tree-node__label
        font-size 0.16rem
    .el-tree-node:focus>.el-tree-node__content
        background-color transparent
    .el-tree-node>.el-tree-node__content:hover
        background-color transparent
    .custom-tree-icon
        width 0.16rem
        height 0.16rem
        vertical-align middle
        margin-right 0.05rem
    .custom-tree-group-txt
        font-size 0.16rem
        vertical-align middle
    .custom-tree-txt
        font-size 0.14rem
        vertical-align middle
    .el-icon-caret-right:before
        font-size 0.2rem
.el-tree--highlight-current
    .el-tree-node.is-current>.el-tree-node__content
        background none !important
        color #44c7f4 !important
// .el-tree>.el-tree-node>.el-tree-node__content>.is-leaf
// position relative
// color #C0C4CC
// &:hover:after
// position absolute
// left 8px
// bottom -7px
// content '该节点没有子集'
.scrollbar-wrapper
    overflow-x hidden !important
// 弹框样式
.el-dialog
    background-color rgba(22, 33, 77, 1)
    border solid 1px #6572a6
    color #fff
    box-shadow 0 0 20px 0px inset rgba(30, 144, 255, 0.2)
    .el-dialog__title, .el-radio__label, .el-form-item__label, .dialog-area-head, h4
        color #fff
    input
        background-color rgba(255, 255, 255, 0.1)
        color #fff
    .el-table, .el-table tr, .el-table th
        background-color rgba(22, 33, 77, 0.9) !important
        color #fff
    .el-dialog__header .el-dialog__close
        font-size 24px
        color #fff
    .el-dialog__header
        padding 0
        text-align center
        background-image linear-gradient(90deg, rgba(22, 33, 77, 0.2) 0%, rgba(101, 114, 166, 0.2) 50%, rgba(22, 33, 77, 0.2) 100%)
        overflow hidden
        .el-dialog__headerbtn
            top 12px
        .el-dialog__title
            position relative
            display inline-block
            padding 10px 20px
            border-bottom 1px solid #6572a6
            &::before
                content ''
                position absolute
                bottom -2px
                left 0
                display inline-block
                border-left 1px solid #6572a6
                height 110%
                transform-origin 100% 100%
                transform rotate(-15deg)
            &::after
                content ''
                position absolute
                bottom -2px
                right 0
                display inline-block
                border-right 1px solid #6572a6
                height 110%
                transform-origin 100% 100%
                transform rotate(15deg)
    .el-form .el-select
        width 100%
    .el-dialog__footer
        text-align center
        .el-button+.el-button
            margin-left 30px
.el-input
    line-height normal
// loading样式
.el-loading-spinner
    width 140px
    height 140px
    line-height 140px
    background-color rgba(22, 33, 77, 0.9)
    left 50%
    top 40%
    margin-left -70px
    .el-loading-text
        position absolute
        left 30px
        top 40px
        color #fff
        display inline-block
// el-select右边图标不垂直居中问题
.el-input--small .el-input__icon
    line-height 0.32rem
.el-input__prefix
    left 0
.el-select .el-input__suffix
    right 0
.el-input--prefix .el-input__inner
    padding-left 0.3rem
.el-pagination
    &>button
        background transparent !important
        color #fff !important
    .el-pager
        li
            background transparent
            color #fff
        .active
            color #409EFF
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner, .el-radio__input.is-disabled.is-checked .el-radio__inner
    background #409EFF
@media screen and (max-width 1440px)
    .el-button
        padding 9px 15px
    .el-input__inner
        height 34px